.off {
	background: url('./../rs/img/lantern.png') no-repeat center center;
	opacity: 0.5;
	height: 106px;
	width: 69px;  
	border: none;
}

.on {
	background:url('./../rs/img/lantern.png') no-repeat center center;
	opacity:1;  
	height: 106px;
	width: 69px;  
	border: none;
}

.active {
	background-color: rgba(192,0,0,1); 
	color: rgba(192,192,192,1);
}

tr.active td a {
	text-decoration: none;
	color: rgba(192,192,192,1);
}

section {
	margin: 10px;
	position: relative;
	float: left;
}

#p_interaction {
	font-size: 24px;
	color: rgba(255,255,255,1);	
}

#section_interactions {
	position: absolute;
	bottom: 37px;
	width: 100%;
	display: none;
}
	
#section_interactions[display="true"] {
	display: block;
}

#section_interactions[display="false"] {
	display: none;	
}

#table_interactions {
	margin: auto;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);	
}

#section_videos {
	background-color: rgba(0, 0, 0, 1);	
}

video {
	background-color: rgba(0, 0, 0, 1);	
}

video[display="true"] {
	display: block;
}

video[display="false"] {
	display: none;
}

